// 开发环境
const { resolve } = require('path')
const prod = require('./webpack.prod')

module.exports = {
  ...prod,
  mode: 'development',
  devServer: {
    static: {
      directory: resolve(__dirname, '../build'),
    },
    open: true,
    port: 9001,
    historyApiFallback: true, //给开发服务器发送请求,不管路径是什么,一律按照/处理
    // 开启自动编译服务器的代理功能,解决跨域问题
    proxy: {
      // 如果请求的路径中最开头是以/api开头的,则自动编译服务器会帮我们代理.如果请求的路径开头不是/api.则自动编译服务器,不帮我们代理
      '/api': {
        target: 'http://localhost:5001', //目标服务器
        // 当开发服务器给目标服务器发请求的时候,去掉路径中的/api
        pathRewrite: { '^/api': '' }, //将url中/api替换掉
      },
    },
  },
}
